.@{gx-prefix-pro}-table {
  background-color: #ffffff;
  
  .ant-typography {
    display: flex;
  }
  
  .ant-table-content {
    &::-webkit-scrollbar {
      width: 6px;
      height: 6px;
    }
    
    &::-webkit-scrollbar-thumb {
      background-color: rgba(50, 50, 50, .3);
      border-radius: 1em;
    }
    
    &::-webkit-scrollbar-track {
      background-color: rgba(50, 50, 50, .1);
      border-radius: 1em;
    }
  }
  
  .ant-table-empty .ant-table-content {
    &::-webkit-scrollbar {
      width: 6px;
      height: 6px;
    }
    
    &::-webkit-scrollbar-thumb {
      background-color: rgba(50, 50, 50, .3);
      border-radius: 1em;
    }
    
    &::-webkit-scrollbar-track {
      background-color: rgba(50, 50, 50, .1);
      border-radius: 1em;
    }
  }
  
  .@{gx-prefix-pro}-table {
    &-no-scroll {
      :global {
        .ant-table-bordered .ant-table-fixed-left .ant-table-thead > tr > th, .ant-table-bordered .ant-table-fixed-left .ant-table-tbody > tr > td {
          &:last-child {
            border-right: 0;
          }
        }
      }
    }
    
    &-table-tree {
      .ant-table-row-cell-ellipsis, .ant-table-row-cell-ellipsis .ant-table-column-title {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }
    }
    
    &-copyable {
      display: flex;
      align-items: center;
      justify-content: space-between;
      
      .@{gx-prefix-pro}-table-copyable-icon {
        margin-left: 8px;
        color: @primary-color;
        cursor: pointer;
      }
    }
    
    &-ellipsis {
      overflow: hidden;
      text-overflow: ellipsis;
      word-break: break-word;
      white-space: nowrap;
    }
    
    &-list-toolbar {
      display: flex;
      justify-content: space-between;
      padding: 16px 0;
      
      &-title {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        margin-right: 16px;
        font-size: 16px;
        font-weight: 500;
        color: rgba(0, 0, 0, .85);
      }
      
      &-btns {
        
        :global {
          .ant-space {
            flex-wrap: wrap;
          }
          
          .ant-btn {
            padding-right: 33px;
            padding-left: 33px;
            color: @primary-color;
            border-color: @primary-color;
            
            &.ant-btn-primary {
              color: @white;
              border-color: @white;
            }
          }
        }
      }
      
      &-tip-icon {
        display: block;
        margin-left: 4px;
        cursor: pointer;
      }
      
      &-left {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        width: 100%;
        font-size: 16px;
        font-weight: 500;
        color: rgba(0, 0, 0, 0.85);
      }
      
      &-right {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        width: 100%;
        font-size: 17px;
        color: @text-color;
      }
      
      &-setting-items {
        margin: 0 8px;
        cursor: pointer;
        
        &:hover {
          color: @primary-color;
        }
      }
    }
    
    &-light-search {
      
      .ant-input-search > .ant-input-group > .ant-input-affix-wrapper:not(:last-child) {
        border-right: 0;
      }
      
      &-form {
        &-block {
          position: relative;
          display: flex;
          flex-wrap: wrap;
          align-items: center;
          
          .ant-form-item {
            margin-bottom: 16px;
          }
        }
        
        &-collapse-button {
          box-sizing: border-box;
          display: flex;
          align-items: center;
          height: 32px;
          padding: 0;
          margin: 0;
          margin-bottom: 16px;
          font-size: 14px;
          line-height: 1.5;
          vertical-align: top;
          list-style: none;
          
          .anticon {
            margin-left: 2px;
          }
        }
      }
    }
    
    &-action-size {
      display: inline-block;
    }
    
    &-action-columns {
      display: inline-block;
      
      .ant-popover-inner-content {
        padding: 8px 0 8px 16px;
      }
      
      .ant-tree .ant-tree-switcher-noop {
        display: none;
      }
      
      .ant-tree .ant-tree-treenode {
        align-items: center;
        width: 100%;
        
        &:hover {
          background-color: #e6f7ff;
          
          .@{gx-prefix-pro}-table-action-columns-list-item-actions {
            display: block;
          }
        }
      }
      
      .ant-tree > .ant-tree-treenode:first-child {
        padding-top: 0;
      }
      
      .ant-tree > .ant-tree-treenode:last-child {
        padding-bottom: 4px;
      }
      
      .ant-tree .ant-tree-node-content-wrapper {
        flex: 1;
      }
      
      .ant-tree .ant-tree-node-content-wrapper:hover {
        background-color: transparent;
      }
      
      &-popover-title {
        display: flex;
        align-items: center;
        justify-content: space-between;
        
        &-check {
          margin-right: 8px;
        }
        
        .ant-btn-sm {
          padding: 0;
        }
      }
      
      &-list-group {
        margin-top: 6px;
        margin-bottom: 6px;
        font-size: 12px;
        color: rgba(0, 0, 0, .45);
      }
      
      &-list-item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        
        &-actions {
          display: block;
          float: right;
          cursor: pointer;
          
          > span + span {
            margin-left: 8px;
          }
          
          &-disabled {
            .anticon {
              color: rgba(0, 0, 0, .25);
            }
          }
          
          .anticon {
            color: @primary-color;
          }
        }
      }
    }
  }
}
